page {
  @apply text-gray-950 bg-[#F8F9F3];
  font-family: 'SF Pro SC', 'SF Pro Display', 'PingFang SC', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif, 'Hiragino Sans GB';

  --safe-bottom: constant(safe-area-inset-bottom);
  --safe-bottom: env(safe-area-inset-bottom);
  
}
button::after{
  content: unset;
}
.switch-btn{
  @apply rounded-md p-1 bg-focus w-full flex ;
  .btn{
    @apply text-sm rounded-md flex-1 text-center text-white font-bold bg-transparent py-1;
    &.active{
      @apply bg-prim;
    } 

  }
  
}

.divider{
  @apply w-[95%] h-[1px] bg-focus opacity-50
}
.option-btn {
  @apply text-focus flex justify-center items-center rounded-md  border border-focus text-sm px-4 py-1 m-0;
}

.submit-btn {
  @apply p-0 text-white flex justify-center items-center rounded-md shadow;
  background: linear-gradient(130deg, #013A40 0%,#013A40 60%, #B59E6D 100%);
  font-size: 40rpx;
  height: 2.2em;
  border: none;
}
.sub-btn {
  @apply p-0  flex justify-center items-center rounded-md shadow border border-focus text-focus;
  font-size: 40rpx;
  height: 2.2em;
  border: none;
}

.popup{
  @apply rounded-md bg-white px-4 py-4 w-[90vw];
}
.popup-bottom{
  @apply rounded-md bg-white px-4 py-4 w-full max-h-[75h];

}
.hint{
  @apply text-gray-400 text-xs px-6;
}